
<%= stylesheet_link_tag 'dashboard' %>

<div style="position: relative; width: 100%; height: 680px; border: 1px #ccc solid;">
    <div dojoType="dijit.layout.BorderContainer" gutters="true" id="borderContainerTwo">
        <div dojoType="dijit.layout.ContentPane" region="top" splitter="false">
			<button style="float:left;" dojoType="dijit.form.Button" onClick="handle_add_gadget()">+ Add Gadget</button>
        </div>
		
        <div dojoType="dijit.layout.BorderContainer" liveSplitters="false" design="sidebar" region="center" id="mainSplit">
            
			<div dojoType="dojox.layout.ExpandoPane" 
				 splitter="false" 
				 duration="500" 
				 region="left"
				 id="leftPane"
				 maxWidth="275" 
				 style="width: 275px;"
				 easeOut="dojo._DefaultEasing"
				 easeIn="dojo._DefaultEasing"
				 startExpanded="false"
				 title="Gadgets">				 

				<div dojoType="dijit.layout.AccordionContainer" 
					 style="width: 300px;" 
					 id="leftAccordion" 
					 region="leading" 
					 splitter="true">
	 

	                <div dojoType="dijit.layout.AccordionPane" title="Internet">
						<%= render :partial => 'category_listing', 
								   :locals => {:category => 'Internet' } %>
	                </div>

	            </div>
			</div>

            <div dojoType="dijit.layout.LayoutContainer" region="center">
                <div id="gadget_content_pane" dojoType="dijit.layout.ContentPane">
                </div>
            </div>
        </div>
    </div>
</div>

<%= javascript_include_tag 'dashboard' %>

<%= render :partial=>'render_container' %>


